.btn-default {
    color: #008000;
    
}

.panel-body .spacer-top-none {
    color: #000 !important;
}
/********************************************
*                Basic Rules                *
********************************************/
*:focus {
    outline: 0 !important;
}
#ssnP3, #ssnP2, #ssnP1, #primaryAddressStreet, #primaryAddressCity, #primaryAddressState , #primaryAddressZipcode, #primaryAddressRentFee, #primaryAddressYears, #primaryAddressMonths, #mailingAddressStreet, #mailingAddressState, #mailingAddressCity, #mailingAddressZipcode, #purchaseAddressZipcodePartial{
background-color: #fff !important;
    border: 1px #A3AF9E solid !important;
}
.search-filter a.btn {
    border: 2px #008000 solid;
}
#buttonBack {
    border: 2px #008000 solid;
}
.btn-default a {
    color: #000 !important;
}

@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@300;400;500;600;700;800;900&display=swap');

body {
    font-family: 'Mulish', sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
}

.form-group {
    margin-bottom: 10px;
}

#main {
    margin-top: 48px;
}

.btn-default:hover {
 
    color: #fff !important;
    background-color: #008000 !important;
            
        
}

legend {
    margin-bottom: 0px;
}

h1, h2, h3, h4, h5, h6,
.h1, .h3, .h5, .h6,
.h1-responsive, .h3-responsive,
.h5-responsive, .h6-responsive,
strong {
    font-family: 'Mulish', sans-serif !important;
    font-weight: 900 !important;
}

div.step-wrapper + h1 {
    margin-top: 40px;
    margin-bottom: 30px;
}

.h2, .h2-responsive,
.h4, .h4-responsive,
small {
    font-family: 'Lato', sans-serif
}
a, a.popover-tip {
    font-weight: normal !important;
    text-decoration: none !important;
}
#agreeLegalLabel a {
    text-decoration: underline !important;
}
input[type='text']::placeholder,
input[type='password']::placeholder,
input[type='search']::placeholder,
input[type='number']::placeholder,
input#numberHomesOwned::placeholder,
textarea::placeholder {
    color: #000 !important;
}
input[type='text']:focus,
input[type='text']:active,
input[type='password']:focus,
input[type='password']:active,
input[type='search']:focus,
input[type='search']:active,
input[type='number']:focus,
input[type='number']:active,
input#numberHomesOwned:active,
input#numberHomesOwned:focus,
textarea:focus,
textarea:active,
.form-control:focus,
.form-control:active {
    box-shadow: none !important;
    color: #000 !important;
}

span.multiselect-native-select > .btn-group.open > button.multiselect,
button.multiselect:active,
button.multiselect:focus {
    box-shadow: none;
}

input[type=text].form-control[disabled],
input[type=password].form-control[disabled],
input[type=search].form-control[disabled],
input[type=number].form-control[disabled],
input#numberHomesOwned.form-control[disabled],
textarea[disabled],
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    cursor:not-allowed;
    background-color:#eee !important;
    color: #000 !important;
}


/********************************************
*   Navbar, navbar menu, navbar buttons     *
********************************************/
.navbar {
    padding-bottom: 30px !important;
     background: #fff !important;
    color: #000 !important;
}

.navbar a {
    text-decoration: none !important;
}

.navbar-default ul.navbar-nav > li > a:hover{
    color: #000 !important;
}
.navbar-brand img {
    width: 315px;
        height: auto;
}

.navbar-default ul.navbar-nav > li > a,
.navbar-default ul.navbar-nav > li > a:hover,
.navbar-defualt ul.navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    margin-right: 10px !important;
    color: #000 !important;
}
.navbar-brand-mobile img.responsive {
    max-width: 200px;
}

ul.dropdown-menu li a,
ul.nav-tabs > li > a {
    color: #000 !important;
}

ul.dropdown-menu li > a:hover,
ul.dropdown-menu li > a:focus,
ul.nav-tabs > li.active > a,
ul.nav-tabs > li.active > a:hover,
ul.nav-tabs > li.active > a:focus,
ul.nav-tabs > li > a:hover,
ul.nav-tabs > li > a:focus {
    cursor: pointer !important;
      background: #ccddcc !important;
    color: black !important;
}

/********************************************
*              Custom Modifiers             *
********************************************/

.text-danger {
    color: #FF4A3E !important;
}
.panel-status-action .panel-body {
    background-color: #008000
}

.step:after {
    box-sizing: content-box !important;
    background: #dddddd !important;
    border: 4px solid white !important;
}
.step.is-active:after {
    box-sizing: content-box !important;
      background: #008000 !important;
    border: 4px solid #008000 !important;
}
.step.is-active{
    color: #008000!important;
}
.step-progress {
    height: 4px !important;
    bottom: 12px !important;
}

.form-application .sub-header,
.panel-default > .panel-heading {
    font-family: 'Lato', sans-serif !important;
    padding: 10px !important;
}
.sub-header {
    margin-top: 10px;
}
.step-progress-val {
    background: #008000 !important;
}

.step-bar.is-active:after {
    border-color: #008000 !important;
    background-color: #008000 !important;
}
.step-bar {
    color: #000;
}
.step-bar:after {
    background-color: #f0f0f2;
    border: 1px solid #f0f0f2;
}

.purchaseSelector.purchase {
    text-transform: capitalize !important
}
.navbar-nav > li > a {
    text-transform: capitalize !important
}
.nav .refinanceSelector {
    text-transform: capitalize !important
}

.form-application .sub-header,
.panel-default > .panel-heading {
    background: #3F4A3C !important;
    color: #fff !important;
    border: none !important;
}
.spacer-top-none {
    color: #fff !important;
}
.panel-heading > .panel-title > a,
.panel-heading > .panel-title > .popover-tip {
    color: #fff !important;
}
.panel .loan-group-count {
    color: #FFF7F4;
}

.btn-choice {
    border: 2px #008000 solid !important;
    color: #008000 !important;
}
.btn-choice:hover, .btn-choice.active,
.btn-choice:active, .btn-choice:focus {
    background-color: #008000 !important;
    color: #fff !important;
     border: 2px #008000 solid !important;
}

.progress-bar {
    color: #008000 !important;
    background-color: #008000 !important;
}

.search-filter {
    background: #A3AF9E !important;
    color: #000 !important;
}
.search-filter .text-muted {
    color: #000;
}

.pw-condition .glyphicon-remove {
    color: #FF4A3E !important;
    background: transparent !important;
    border: 1.5px solid #FF4A3E !important;
}
.pw-condition .glyphicon-ok {
    color: #fff !important;
    background: #008000 !important;
    border: 1.5px solid #008000 !important;
}

.blog-sidebar-menu {
     background-color: #ccddcc !important;
    color: #000 !important;
}
.nav-tabs .active a {
     background-color: #ccddcc !important;
    color: #000 !important;
}

.table > tbody > tr.success > td {
    background-color: #ccddcc !important;
    color: #000 !important;
}
ul.nav-tabs > li.active > a  {
    background-color: #ccddcc !important;
    color: #000 !important;
    font-weight: bold;
}
.nav-tabs > li > a:hover {
    background-color: #ccddcc !important;
    color: #000 !important;
}
.panel > .panel-heading {
    padding: 15px !important;
}
.panel-heading > .panel-title > a,
.panel-heading > .panel-title > .popover-tip {
    font-family: 'Lato', sans-serif !important;
    font-weight: 900 !important;
}
.panel .loan-group-count {
    font-weight: 300;
}
.search-filter .text-muted {
    font-weight: 400;
}
.pw-condition .glyphicon-remove {
    padding: 3.5px !important;
    font-size: 8.5px !important;
    font-weight: 100 !important;
}
.pw-condition .glyphicon-ok {
    font-size: 7.5px !important;
    padding: 4.5px !important;
}

.blog-sidebar-menu h3 {
    font-weight: bold !important;
}

.navbar-default {
    min-height: unset;
}

.logo-app, .logo-lender, .navbar-brand > img {
    height: 48px;
}

div.navbar-brand,
a.navbar-brand {
    margin-top: 5px !important;
}

h1 {
    color: #3F4A3C !important;
}
.active .spacer-bottom a {
    color: #fff !important;
}

a, a.popover-tip {
    color: #0088CC;
}
a:hover, a:focus, a.popover-tip:hover {
    color: #00BBFF;
}

textarea[name="message"] {
    background-color: #ffffff !important;
}
/*====================================
    Typography
====================================*/
.form-control {
    font-size: 15px !important;
    font-family: 'Mulish' !important;
    font-weight: 400 !important;
    border: 1px solid #A3AF9E !important;
    background-color: #fff !important;
}

input[type=text].form-control,
input[type=password].form-control,
input[type=search].form-control,
input[type=number].form-control,
input#numberHomesOwned.form-control,
textarea {
    font-weight: 400;
    font-size: 15px !important;
    box-shadow: none !important;
    height: 50px;
}
input[type=text].form-control:focus,
input[type=password].form-control:focus,
input[type=search].form-control:focus,
input[type=number].form-control:focus,
input#numberHomesOwned.form-control:focus,
textarea:focus,
select:focus {
    border-color: #A3AF9E  !important;
}
textarea {
    padding: 12px !important
}

h3.signup-sub-header {
    font-weight: 400 !important;
     color: #000 !important;
}
.text-success {
    color: #000 !important;
}

label {
    font-family: 'Lato', sans-serif !important;
    font-weight: 700 !important;
}

label.font-unbold {
    font-family: 'Lato', sans-serif !important;
    font-weight: normal !important;
}


.input-money-currency-label {
    position: absolute;
    top: calc( 100% - 36px ) !important;
    left: 32px !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}
input[type=text].input-money-currency-label-padding-left {
    padding-left: 28px !important;
}

/*====================================
    Gift And Grant
====================================*/
#formGiftGrant .input-money-currency-label{
    position: absolute;
    top: calc( 100% - 36px ) !important;
    left: 15px !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}
#formGiftGrant input[type=text].input-money-currency-label-padding-left{
    padding-left: 28px !important;
}

/*====================================
    Forms/Inputs
====================================*/
select {
    height: 50px !important;
    font-weight: 400;
    font-size: 15px !important;
    box-shadow: none !important;
}

select, span.select2-selection, button.multiselect {
    border: 1px solid #A3AF9E !important;
    background-color: #fff!important;
    color: #000;
}

.select2-container--bootstrap .select2-selection--multiple ul.select2-selection__rendered {
    padding-top: 6px;
    padding-bottom: 6px;
}

button[type=submit] {
    font-family: 'Lato', sans-serif !important;
    font-size: 16px;
    font-weight: 700;
}

a.btn, button:not(.popover-tip), button.btn,
.modal a.btn, .modal button, .modal button.btn,
.search-filter a.btn, .search-filter button, .search-filter button.btn,
.btn-default:not(.no-hover):hover, .btn-default:not(.no-hover):focus, .btn-default:not(.no-hover):active, .btn-default.active, .open > .dropdown-toggle.btn-default
{
    font-family: 'Mulish', sans-serif !important;
    font-size: 16px;
    text-decoration: none !important;
    padding: 10px 20px !important;
}
.modal-body-loan-officer a.btn, .modal-body-loan-officer button, .modal-body-loan-officer button.btn {
    font-size: 12px;
    padding: 8px !important;
}

.select2-container--bootstrap .select2-selection--multiple li.select2-selection__choice {
    color: #000;
    background: #fff;
    border: 1px solid #A3AF9E;
    border-radius: 6px;
    margin-left: 6px;
    padding: 0 6px;
}

.select2-container--bootstrap .select2-selection--multiple span.select2-selection__choice__remove {
    color: #666666;
    margin-right: 4px;
}

.select2-container--bootstrap .select2-selection--multiple span.select2-selection__choice__remove:hover {
    color: #333333;
}


button[type=submit] {
    border: 2px #008000 solid !important;
    color: #008000 !important;
    background-color: #fff !important;
}
button[type=submit]:hover {
       border: 2px #008000 solid !important;
    color: #fff !important;
    background-color: #008000 !important;
}

#bsmChatBox .pull-right a {
    color: #FFFFFF !important;
}


#bsmChatBox .form-message .input-group {
    width: 100%;
}
#bsmChatBox .form-message .input-group .input-group-btn button {
    padding: 0 !important;
    border: none !important;
}
#bsmChatBox .form-message .input-group .input-group-btn button span {
    margin-left: -48px !important;
    z-index: 100 !important
}
#bsmChatBox .form-message {
    padding: 10px;
}

.chat-box .message-item-wrapper.self .message-item:after {
    border-width: 4px 0 4px 4px;
    border-left-color: #0088CC !important;
    border-right-color: transparent;
}
}

.chat-box .message-item-wrapper.self .message-item {
    font-weight: 400;
     background: #0088CC !important;
    color: #fff;
    border-color: #0088CC;
}

.chat-box .message-item-wrapper.self .message-item .message-date {
    font-weight: 300;
    color: #fff;
}

#modalStartWelcome button.btn-lg, #modalLoanOfficer button.btn-lg {
    font-family: 'Lato', sans-serif !important;
    font-size: 16px;
    text-decoration: none !important;
    padding: 10px 20px !important;
}
.btn.btn-default:not(.no-hover):hover {
    padding: 10px 20px !important;
    text-decoration: none !important;
}
.nav > li {
    text-transform: capitalize;
    letter-spacing: 1px;
    font-family: 'Lato', sans-serif !important;
    font-size: 15px;
}
.btn-primary {
    border: 1px solid transparent !important;
    background-color: #008000  !important;
    color: #fff !important;
}
.btn-primary:hover {
    background-color: #00A000 !important;
    color: #fff !important;
}
.buttonImportURL {
    background-color: #0088CC !important;
    color: #fff !important;
}
.buttonImportURL:hover {
    background-color: #0096CC !important;
}

#buttonNext:focus {
    color: #fff !important;
}

div.input-group-addon,
span.input-group-addon {
    background-color: #ccddcc;
    border-color: #ccddcc;
}


/*====================================
    Start Search
====================================*/
.modal-body-loan-officer > .row > .col-sm-9 > div {
    font-weight: 700 !important;
}

.modal-body-loan-officer > .row > .col-sm-9 > div > small {
    font-weight: 400 !important;
}

/*====================================
    Start Personal
====================================*/
#primaryAddressWrapper > div > div:nth-child(2),
#primaryBorrowerFormerAddressWrapper .addFormerAddressState {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#addressFieldsFull > div > div:nth-child(2) {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

div[id*='AddressRentFeeItem'] div.input-group span.input-money-currency-label {
    z-index: 2;
    left: 10px !important;
}

#agreementContainer li {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
}

/*====================================
    Import Plaid
====================================*/
#app-import-plaid h3 {
    font-weight: 400 !important;
}

/*====================================
    Verify Start
====================================*/
button[data-cb-id*="addDynamicDependents"],
button[data-cb-id*="addDynamicDependents"]:focus {
    background-color: #0088CC !important;
    color: #fff !important;
  border: none;
}

button[data-cb-id*="addDynamicDependents"]:hover {
    background-color: #0088CC !important;
}

#modalVerifyReminder .btn-primary {
    border: 1px solid #ccc !important;
    background-color: #fff !important;
    color: #0088CC !important;
}

#modalVerifyReminder .btn-primary:hover {
    background-color: #e6e6e6 !important;
}
#downPayment, #purchasePrice, #zipcode  {
    background-color: #fff !important;
    border: 1px #A3AF9E solid !important;
}

#buttonReminder {
    background-color: #0088CC !important;
    color: #fff;
      border: none;
}

#buttonReminder:hover {
    background-color: #0088CC !important;
}

.navbar-right .btn-default {
     border: 2px #008000 solid !important;
    color: #008000 !important;
    background-color: #fff !important;
}
.nav-tabs.h5-responsive a:hover {
    color: #000 !important;
}

.navbar-right .btn-default:hover {
     border: 2px #008000 solid !important;
    color: #fff !important;
    background-color: #008000 !important;
}
.loan-details-highlight {
    accent-color: #0088cc !important;
    color: #0088cc !important;
}

/*====================================
    Verify Declarations
====================================*/
#formVerifyDeclarations .col-xs-8 .font-unbold {
    font-weight: 400 !important;
    font-family: 'Roboto', sans-serif !important;
}

/*====================================
    Dashboard
====================================*/
body[data-staticpageid="app-dashboard"] div.blog-sidebar-menu div.row div.col-md-8 h4,
body[data-staticpageid="app-dashboard"] div.blog-sidebar-menu div.row div.col-md-6:nth-child(2) h4 {
    font-weight: 400 !important;
    font-family: 'Roboto', sans-serif !important;
}
.speech-bubble-me {
    background: #576653 !important;
}

.speech-bubble-me:after {
    left: 100%;
    border-left-color: #3F4A3C !important;
}

#app-my-account .alert-warning > p {
    padding-top: 15px;
    padding-bottom: 15px;
}

/*====================================
    Payment
====================================*/
#formGenericPayment .panel .panel-heading h4 {
    color: #000;
}

/*====================================
    Verify Employment
=====================================*/
select[name=addressStateNew] {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

body[data-staticpageid="app-verify-employment"] .employment-income input.input-money-currency-label-padding-left + span.input-money-currency-label {
    top: calc(100% - 44px) !important;
}

body[data-staticpageid="app-verify-employment"] div.employment-group-income {
    padding: 15px 20px;
    background: white;
}

body[data-staticpageid="app-verify-employment"] .existing-employer-wrapper{
    position: relative;
}

body[data-staticpageid="app-verify-employment"] .delete-employer-button-wrapper{
    font-size: 30px;
    position: absolute;
    top: -12px;
    right: 12px;
}
body[data-staticpageid="app-verify-employment"] .delete-employer-button-wrapper a.buttonDeleteEmployer span {
    font-size: 25px;
}
#formVerifyEmployment .input-money-currency-label {
    top: calc( 100% - 46px ) !important;
}
#formVerifyEmployment .input-money-currency-label {
    top: calc( 100% - 46px ) !important;
}

/*====================================
    Sign Up
====================================*/
#agreeLegalLabel a:hover {
    color: #0088CC !important;
}
#agreeLegal a:hover,
a:not(#returningUserButton, #buttonBack, .btn):hover,
a.popover-tip:not(#returningUserButton, #buttonBack):hover{
    color: #0096CC !important;
}
#returningUserButton {
    
    border: 2px #008000 solid;
}
#buttonSignUp {
    border: 2px #008000 solid !important;
   background-color: #008000 !important;
    color: #fff !important;
}
#buttonSignUp:hover {
    border: 2px #00A000 solid !important;
   background-color: #00A000 !important;
    color: #fff !important;
}

/*====================================
    Verify Assets and Liabilities
=====================================*/
#app-verify-assets-liabilities div[id*=add-asset-collapse] label,
#app-verify-assets-liabilities div[id*=add-liability-collapse] label {
    font-size: 13px;
}
#app-verify-assets-liabilities .input-assets,
#app-verify-assets-liabilities .rowLiability {
    margin-bottom: 15px;
}

/*====================================
    Appraisal
====================================*/
#allowAgentUpdate {
    font-size: 13px !important;
}

/*====================================
    Search Results
====================================*/
#app-search-results h4 {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
}

/*====================================
    Partner Marketplace
====================================*/
#main.partner-search {
    margin-top: 0;
}

.icomoon-loan-to-value:before {
    content: "\eb2e";
}
.icomoon-review-initial-disclosures:before {
    content: "\eb2f";
}
.icomoon-sign-initial-disclosures:before {
    content: "\eb30";
}

[data-staticpageid="app-import-plaid-again"] .importPlaidAgain {
    margin-bottom: 32px;
}

body[data-staticpageid="app-verify-application"] .powered-by-bsm-logo {
    margin-top: 32px;
}

.hero.background {
    background-color: #fff !important;
}

.form-search-options {
    border: 2px solid #A3AF9E !important;
}

[class*="icomoon"]:before {
    color: #00BBCC !important;
}

/********************************************
*               OTHER              *
********************************************/

.form-application .sub-header {
    background-color: #006DB0;
    border-radius: 3px;
    padding-top: 4px;
    padding-bottom: 6px;
    padding-left: 10px;
    color: #ffffff;
}

.form-control:focus {
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 108, 175, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 108, 175, .6);
}

.chart-imported {
    padding: 22px;
    border-radius: 3px;
    background-color: #C7DEEA;
    border: 1px solid #006DB0;
}


.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.search-filter {
    width: 100%;
    padding: 22px;
    border-radius: 3px;
}
.loan-applied-for-wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding: 22px;
    border-radius: 3px;
    background-color: #FFFFFF;
}
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #006DB0;
    background-color: #eee;

}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
   
}
speech-bubble-me {
    color: #FFF;
}
.speech-bubble-me:after {
    left: 100%;

}

.panel-status-action > .panel-body {
   
    color: #FFFFFF;
}



.form-search-options {
    margin: 0 auto;
    width: 100%;
    padding: 22px;
    border-radius: 3px;
 
    background-color: #FFFFFF;
}

.section-header {
    
    border-radius: 3px;
    padding-top: 4px;
    padding-bottom: 6px;
    color: #ffffff;
}



}
.step-progress-val {
    
    height: 100%;
}

.icomoon-loan-to-value:before {
    content: "\eb2e";
  
}
.icomoon-review-initial-disclosures:before {
    content: "\eb2f";
   
}
.icomoon-sign-initial-disclosures:before {
    content: "\eb30";
   
}


#search {
    color: #000000;
}
.navbar-static-top {background-color: white !important;}
.navbar-brand img {width: auto;height: 40px;}


/********************************************
*               Media Queries               *
********************************************/
@media screen and (max-width: 767px) {
    #primaryAddressWrapper > div > div:nth-child(2),
    #addressFieldsFull > div > div:nth-child(2) {
        padding-left: 15px !important;
    }
}

#finicityConnectIframe {
    z-index: 10000 !important;
}

input.vertical-middle-table {
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.table-responsive .vertical-middle-td {
    vertical-align: middle;
}

.underline {
    text-decoration: underline !important;
}